.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.clearfix {
    clear: both;
}

.m0 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.mt20 {
    margin-top: 20px;
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

body .grid {
    height: 100%
}

.main-container {
    max-width: 960px;
}

#todolist .items {
    max-height: 500px;
    overflow-y: scroll;
}

#todolist .items .item .extra {
    /*display: none;*/
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

#todolist .items .item.mouseOver .extra {
    /*display: block;*/
    overflow: auto;
    max-height: 80px;
    opacity: 1;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
